import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:get/get.dart';
import 'package:sticky_headers/sticky_headers/widget.dart';
import 'package:yi_shop/ui/draw_under_line.dart';
import 'package:yi_shop/utils/colors.dart';
import 'package:yi_shop/utils/styles.dart';
import 'package:yi_shop/utils/svg.dart';
import 'package:yi_shop/utils/tools.dart';

class MemberCenterTaskController extends GetxController {}

class MemberCenterTaskPage extends GetView<MemberCenterTaskController> {
  const MemberCenterTaskPage({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        leading: ToolsUtils.builderLeading(),
        title: Text(
          '任务中心',
          style: StylesUtils.customTextStyle(
              fontSize: StylesUtils.fontSize18, fontWeight: FontWeight.w700),
        ),
      ),
      body: ListView(
        children: [
          Container(
            height: 136,
            color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF048),
            child: Column(
              children: [
                Container(
                  margin: const EdgeInsets.only(top: 30),
                  alignment: Alignment.center,
                  child: SvgUtils.assetName('u6222', width: 48, height: 46),
                ),
                Container(
                  margin: const EdgeInsets.only(top: 10),
                  alignment: Alignment.center,
                  child: Text(
                    '做任务，领福利',
                    style: StylesUtils.customTextStyle(
                        fontWeight: FontWeight.w700, fontSize: StylesUtils.fontSize18),
                  ),
                )
              ],
            ),
          ),
          Container(
            height: 50,
            color: Colors.white,
            alignment: Alignment.center,
            child: Wrap(
              spacing: 80,
              crossAxisAlignment: WrapCrossAlignment.center,
              alignment: WrapAlignment.spaceBetween,
              children: [
                RichText(
                    text: TextSpan(children: [
                  WidgetSpan(
                      child: CircleAvatar(
                        backgroundColor: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF048),
                        radius: 12.5,
                        child: SvgUtils.assetName('u6232', width: 12, height: 11),
                      ),
                      alignment: PlaceholderAlignment.middle),
                  TextSpan(
                      text: '  成长值',
                      style: StylesUtils.customTextStyle(color: ColorsUtils.color6666)),
                  TextSpan(
                      text: ' 1000',
                      style: StylesUtils.customTextStyle(
                          fontWeight: FontWeight.w500, color: ColorsUtils.color3333))
                ])),
                RichText(
                    text: TextSpan(children: [
                  WidgetSpan(
                      child: SvgUtils.assetName('u6227', width: 25, height: 25),
                      alignment: PlaceholderAlignment.middle),
                  TextSpan(
                      text: '  贡献值',
                      style: StylesUtils.customTextStyle(color: ColorsUtils.color6666)),
                  TextSpan(
                      text: ' 1000',
                      style: StylesUtils.customTextStyle(
                          fontWeight: FontWeight.w500, color: ColorsUtils.color3333))
                ])),
              ],
            ),
          ),
          StickyHeader(
              header: Container(
                height: 40,
                alignment: Alignment.centerLeft,
                padding: const EdgeInsets.symmetric(horizontal: 20),
                color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                child: Text(
                  '新手任务',
                  style: StylesUtils.customTextStyle(
                      color: ColorsUtils.color3333,
                      fontWeight: FontWeight.w700,
                      fontSize: StylesUtils.fontSize18),
                ),
              ),
              content: Container(
                color: Colors.white,
                child: Column(
                  children: [
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '新手欢迎奖励',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '领取',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '设置头像',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '领取',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '设置昵称',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '领取',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '完善个人信息',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '领取',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成功关注1位达人',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '做任务',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成功关注1家店铺',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '做任务',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '首次分享商品或专题',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '做任务',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '首次收藏商品',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '做任务',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '首次购物成功',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '做任务',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '首次完成评价',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '做任务',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                  ],
                ),
              )),
          StickyHeader(
              header: Container(
                height: 40,
                alignment: Alignment.centerLeft,
                padding: const EdgeInsets.symmetric(horizontal: 20),
                color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                child: Text(
                  '日常任务',
                  style: StylesUtils.customTextStyle(
                      color: ColorsUtils.color3333,
                      fontWeight: FontWeight.w700,
                      fontSize: StylesUtils.fontSize18),
                ),
              ),
              content: Container(
                color: Colors.white,
                child: Column(
                  children: [
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '每日登录',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorCccc)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '已完成',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '每日签到',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '去任务',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '分享商品或专题',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '去任务',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '邀请好友',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '去任务',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '好友首次下单成功',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '去任务',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成功关注1家店铺',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '去任务',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '购物奖励',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '去任务',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '首次收藏商品',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '去任务',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '首次购物成功',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '去任务',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '购买天数达标',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+10，贡献值+5',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '去任务',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                    DrawUnderLine(
                      color: ColorsUtils.parseColorFromHexString(ColorsUtils.colorF2f2),
                      child: Container(
                        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
                        child: Row(
                          children: [
                            Expanded(
                                child: Column(
                              children: [
                                Container(
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '评价奖励',
                                    style: StylesUtils.customTextStyle(
                                        fontWeight: FontWeight.w500, color: ColorsUtils.color3333),
                                  ),
                                ),
                                Container(
                                  margin: const EdgeInsets.only(top: 10),
                                  alignment: Alignment.centerLeft,
                                  child: Text(
                                    '成长值+5/+10/+15/+20,贡献值+10/+20',
                                    style:
                                        StylesUtils.customTextStyle(color: ColorsUtils.color9999),
                                  ),
                                )
                              ],
                            )),
                            Container(
                              padding: const EdgeInsets.only(right: 15),
                              child: TextButton(
                                  onPressed: () {},
                                  style: ButtonStyle(
                                      minimumSize: const MaterialStatePropertyAll(Size(80, 30)),
                                      shape: MaterialStatePropertyAll(RoundedRectangleBorder(
                                          borderRadius: BorderRadius.circular(5))),
                                      backgroundColor: MaterialStatePropertyAll(
                                          ColorsUtils.parseColorFromHexString(
                                              ColorsUtils.colorF048)),
                                      alignment: Alignment.center),
                                  child: Text(
                                    '去任务',
                                    style: StylesUtils.customTextStyle(),
                                  )),
                            )
                          ],
                        ),
                      ),
                    ),
                  ],
                ),
              )),
        ],
      ),
    );
  }
}
